import React, { PureComponent } from 'react'
import { Balloon, Icon } from '@icedesign/base'
import IceImg from '@icedesign/img'
import Layout from '@icedesign/layout'
import Menu from '@icedesign/menu'
import FoundationSymbol from 'foundation-symbol'
import SysDynamicIcon from './SysDynamicIcon'
import Logo from './Logo'

export default class Header extends PureComponent {

    togitee = ()=>{
       window.location.href="https://gitee.com/regan_jeff/Regan_LearningNotes";
    }
    togithub = ()=>{
       window.location.href="https://github.com/francistao/LearningNotes";
    }

    render () {
        const {
            width,
            theme,
            isMobile,
            style,
            className = '',
            ...others
        } = this.props

        return (
            <Layout.Header
                {...others}
                theme={theme}
                className={`ice-design-layout-header ${className}`}
                style={{...style, width}}
            >
                <Logo/>
                <div
                    className="ice-design-layout-header-menu"
                    style={{display: 'flex'}}
                >
                    {/* Header 菜单项 begin */}
                    {/* Header 菜单项 end */}

                    {/* Header 右侧内容块 */}
                    <div onClick={this.togitee} style={{cursor:"pointer"}}>
                        <SysDynamicIcon type="logo" style= {{color:'#c71e24',marginRight:10}}/>
                    </div>
                    <div onClick={this.togithub} style={{cursor:"pointer"}}>
                        <SysDynamicIcon type="github" />
                    </div>
                </div>
            </Layout.Header>
        )
    }
}
